<template>
  <!-- 这个花裤衩封装组件的使用方式
  传入一个 onSuccess 的属性,
  是一个函数, 可以得到这个插件解析后的数据作为参数 -->
  <UploadExcel :on-success="upload" />
</template>

<script>
import { importEmployee } from '@/api/employees'
export default {
  methods: {
    async upload(data) {
      // 拿到中文对象组成数组
      const oldData = data.results
      // 遍历这个数组, 得到每个用户, 转换一下组成新数组
      const newData = oldData.map(user => {
        // 每个中文用户都丢到翻译函数中进行处理
        return this.enToZh(user)
      })
      console.log(oldData)
      console.log(newData)
      // 完成了数据转换以后
      // 1. 发请求
      await importEmployee(newData)
      // 2. 成功好回退到上一页(可以先提醒用户)
      this.$message.success('导入成功')
      this.$router.back()
    },
    enToZh(user) {
      // 字典
      const dict = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      // 新用户对象
      const newUser = {}
      // 遍历就用户, 每个属性, 都尝试获取英文Key和value 组成键值对插入到新对象中
      for (const key in user) {
        const enKey = dict[key]
        const value = user[key]

        if (enKey === 'timeOfEntry' || enKey === 'correctionTime') {
          newUser[enKey] = new Date(this.formatDateExcel(value, '/'))
        } else {
          newUser[enKey] = value
        }
      }

      return newUser
    },
    formatDateExcel(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
